<template>
    <div class="detail_price_Info">
        <div class="detail_price_Info_order">
            <span>订单金额</span>
            <div style="color: #0486FE;">￥{{ price.order_money }}</div>
        </div>
        <div class="detail_price_Info_order">
            <span>已付金额</span>
            <div style="color: #E9AD55;">￥{{ price.pay_money }}</div>
        </div>
        <div class="detail_price_Info_order">
            <span>还需付款</span>
            <div style="color: #F56C6C;">￥{{ price.no_pay_money }}</div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        price: {
            type: Object,
            required: true,
        },
    },
}
</script>
<style lang="scss" >
.detail_price_Info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    // padding-top: 15px ;
}

.detail_price_Info_order {
    width: 70px;

    div {
        margin-top: 3px;
        font-size: 14px;
    }
}
</style>